<template>
  <div class="child">
    <h3>子组件1</h3>
    <h4>子组件1需要传递的参数：{{ param }}</h4>
    <button @click="sendToy">点击按钮传递参数</button>
  </div>
</template>

<script setup lang="ts" name="Child">
import {reactive} from "vue"
import emitter from '@/utils/emitter'

let param = reactive("奥特曼")

//提供数据的组件，在合适的时候触发事件
function sendToy() {
  // 触发事件
  console.log('child1===>', param)
  emitter.emit('send-toy', param)
}

</script>

<style scoped>
.child {
  background-color: skyblue;
  width: 200px;
  height: 200px;
}
</style>